/* common/var.scss */

$--color-primary: #3EA6F5 !default;
$--color-info: #409EFF !default;
$--color-success: #0DF289 !default;
$--color-warning: #E6A23C !default;
$--color-danger: #F20D4E !default;

$--color-white: #FFFFFF !default;
$--color-bgColor: #12305C !default;
$--color-linearStart: #032863 !default;
$--color-linearEnd: #020b17 !default;
$--color-active: #00E4FF !default;
$--color-font: #ffffff !default;

$--color-primary-light-1: mix($--color-white, $--color-primary, 10%) !default; /* 53a8ff */
$--color-primary-light-2: mix($--color-white, $--color-primary, 20%) !default; /* 66b1ff */
$--color-primary-light-3: mix($--color-white, $--color-primary, 30%) !default; /* 79bbff */
$--color-primary-light-4: mix($--color-white, $--color-primary, 40%) !default; /* 8cc5ff */
$--color-primary-light-5: mix($--color-white, $--color-primary, 50%) !default; /* a0cfff */
$--color-primary-light-6: mix($--color-white, $--color-primary, 60%) !default; /* b3d8ff */
$--color-primary-light-7: mix($--color-white, $--color-primary, 70%) !default; /* c6e2ff */
$--color-primary-light-8: mix($--color-white, $--color-primary, 80%) !default; /* d9ecff */
$--color-primary-light-9: mix($--color-white, $--color-primary, 90%) !default; /* ecf5ff */

$--height-navbar: 90px;
$--width-foldPanel: 20vw;

.txt-ellipsis {
  white-space: nowrap;
  flex-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

::-webkit-scrollbar-thumb {
  border-radius: 0.625rem;
  background: rgba($color: $--color-primary, $alpha: 0.6) !important;
}





